// @table-bg-color
@body-font-color: #fff;
@layui-table-bg-color: darken(@primaryColor, 25%);
// @layui-table-bg-color: fade(@primaryColor,25%);
@layui-table-text-color: #ccc;
@layui-table-border-color: rgba(255, 255, 255, 0.2);
// @layui-table-thead-bg: #3c3e4e;
@layui-table-thead-bg: rgba(0,0,0,30%);
@layui-table-text-color: #fff;
@layui-table-tool-bg: fade(@layui-table-bg-color, 60%);
.layui-table {
  // width: 100%;
  // background-color: @layui-table-bg-color;
  background-color: rgba(255, 255, 255, 0) !important;
  // background:#fff;
  color: @layui-table-text-color;

  // thead {
  //   th {
  //     background: @layui-table-thead-bg;
  //     border-width: 0px;
  //     border-style: solid;
  //     border-color: @layui-table-border-color;
  //   }
  // }
  thead {
    background: none  !important;
    tr {
      background: none !important;
      th {
        background: @layui-table-thead-bg !important;
        font-weight: bold;
        color: @layui-table-text-color;
        border-color: @layui-table-border-color !important;
        border-bottom:2px solid @layui-table-border-color !important;
        // border-color: #f00;
      }
    }
  }
  tbody {
    tr {
      background: fade(@layui-table-bg-color, 20%) !important;

      & th,
      & td {
        // border-width: 1px;
        // border-style: solid;
        border-color: @layui-table-border-color !important;
      }

      th {
        background: @layui-table-thead-bg !important;
      }

      td {
        .layui-btn {
          margin: 3px;
        }
      }

      &:hover,&.layui-table-hover {
        background: rgba(0, 0, 0, .5) !important;
      }

      // &.layui-table-hover {
      //   background: darken(@layui-table-bg-color, 10%);
      // }
    }

    // a {
    //     color: #fff !important;
    // }
  }
}
.layui-table-view {
    border: 1px solid @layui-table-border-color;
	.layui-table[lay-skin="line"] {
		border-width: 0 0px 0 0;
	}

	.layui-table-header {
		border: 0;
	}

	.layui-table-fixed-r {
		border: 0;
	}

	.layui-table-page {
		border-color: @layui-table-border-color;
        .layui-laypage{
            color:#fff;
            button{
                background: #333;
            }
            a,span{
                color:#fff;
            }
        }
	}

	
	.layui-table-box {
        border:1px solid rgba(255,255,255,.2);
        border-top: 0;
		.layui-table-header {
			background-color: rgba(255, 255, 255, 0);
			
		}
		.layui-table-body {
			.scrollbar();
		}
	}
}

.layui-table-mend {
	background-color: rgba(0, 0, 0, 0);
}

// 加载数据
.layui-table-init {
	background: @layui-table-bg-color;
}

.layui-table-tool {
	// @body-font-color:#333;
	background: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	color: @body-font-color;

	.layui-inline[lay-event] {
		border: 1px solid @layui-table-border-color;
		color: @layui-table-text-color;
	}

	.layui-table-tool-self {
		.layui-table-tool-panel {
			border: 1px solid lighten(@layui-table-tool-bg, 30%);
			background: @layui-table-tool-bg;

			li {
				span {
					color: #fff;
				}

				&:hover {
					background: lighten(@layui-table-tool-bg, 30%);

					span {
						background-color: none;
					}
				}

				.layui-form-checked span {
					color: #fff;
					background-color: none;
				}
			}
		}
	}
}

.art_table_list {
	background: none;

	tbody {
		tr {
			background: none;

			td {
				border: 0;
				border-bottom: 1px solid lighten(@layui-table-tool-bg, 30%);
			}

			&:hover {
				background: darken(@layui-table-bg-color, 5%);
			}

			&.layui-table-hover {
				background: darken(@layui-table-bg-color, 10%);
			}
		}

		a {
			color: #fff !important;
		}
	}

	.tit:after {
		content: "";
		background: #cccccc;
		width: 4px;
		height: 4px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-webkit-border-radius: 4px;
		display: block;
		position: absolute;
		left: 5px;
		top: 50%;
	}
}

.layui-table-fixed-r {
  background:#000;
	.layui-table-header {
		&:before {
			content: "";
			background: @layui-table-thead-bg;
			width: 8px;
			height: 100%;
			position: absolute;
			top: 0;
			right: -7px;
			display: block;
			z-index: 99999;
		}
	}
}
